@media (max-width:1550px){
    .box{
        width: 95%;
    }
    .prod{
        height: 400px;
    }
    .fo-l span{
        margin-left: 26%;
    }
    .aps1{
        width: 98%;
    }
    .beian{
        width: 95%;
    }
    #spot ul {
        width: 87%;
        margin: 0 auto;
    }
}
@media (max-width:1200px){
    .logo{
        width: 34%;
    }
    .news_d{
        overflow: hidden;
    }
    .cr{
        width: 48%;
    }
    #spot img{
        width: 100%;
    }
    .prod{
        height: 282px;
    }
    #gsd p{
        margin: 0 11%;
        margin-top: 3%;
    }
    #gsd p::after{
        top: -35%;
    }
    .cll img{
        width: 27%;
    }
    .fo-l1{
        display: none;
    }
    .fo-l{
        width: 30%;
    }
    .ewm{
        float: right;
        margin-right: 5%;
    }
    #new p:nth-child(1) {
        margin-left: 35%;
    }
}
@media (max-width:900px){
    .al{
        display: none!important;
    }
    .n-news-1 {
        display: flex;
        flex-direction: column-reverse;
    }
    .cl {
        width: 95%;
        padding: 20px;
    }
    .cr {
        width: 100%;
        margin-bottom: 20%;
    }
    .cl-l {
        width: 95%;
        padding: 20px;
        margin-left: 0;
    }
    .productitems.nopadding .item:hover span{
        line-height: 150px;
    }
    .productitems{
        margin-top: 0;
    }
    .he{
        display: none;
    }
    .head ul{
        width: 100%;
        margin-left: 0;
    }
    .logo{
        width: 44%;
        margin-left: 28%;
    }
    .yy p{
        font-size: 16px;
    }
    .y-d i{
        height: 100px;
        overflow: hidden;
    }
    #work div:nth-child(1) {
        margin-left: 24%;
    }
    .prod{
        height: 212px;
    }
    .prod div{
        /*opacity: .3;*/
    }
    .ab1-p2{
        text-align: center;
        padding-left: 0;
    }
    .ab1-p1{
        font-size: 24px;
    }
    #gsd p {
        margin: 0 9%;
        margin-top: 3%;
    }
    .you p{
        font-size: 17px;
    }
    .lid2 img{
        display: none;
    }
    .lid1 p{
        font-size: 30px;
    }
    .lid2{
        width: 70%;
    }
    .lid3{
        width: 13%;
        margin-left: 1%;
    }
    .lid2 a{
        width: 87%;
    }
    #new p:nth-child(1) {
        margin-left: 30%;
    }
    .fo-l {
        width: 40%;
    }
    .beian {
        width: 92%;
    }
    .aps1{
        width: 94%;
    }
    .gallery-top img{
        height: 340px;
    }
    .gallery-top{
        height: 340px;
    }
    .gallery-thumbs img{
        width: 100%;
    }
}
@media (max-width:450px){
    .cases{
        width:47%;
    }
    .news_d{
        width: 97%;
    }
    .box2{
        display: none;
    }
    .nylb {
        width: 100%;
    }
    .gallery-top {
        width: 95%;
    }
    .list-column{
        height: 31px;
        line-height: 20px;
    }
    .aps1 {
        width: 89%;
    }
    .syp{
        width: 100%;
    }
    .xyp{
        width: 100%;
    }
    .logo{
        width: 96%;
        margin: 2%;
    }
    .head .box{
        width: 100%;
    }
    .head ul{
        background: #039efc;
        height: auto;
    }
.head ul li:last-child{display:none;}
    .head ul li{
        width: 33%;
        border: 1px solid #fff;
        margin-left: -1px;
    }
    .head ul li a{
        color: #fff;
    }
    .yp{
        margin-top: 20px;
        font-size: 20px;
    }
    .yp1{
        font-size: 12px;
    }
    .yy{
        width: 48%;
    }
    .xlp{
        padding-top: 15px;
    }
    .xlp1{
        padding-bottom: 15px;
    }
    .cla{
        display: none;
    }
    .about{
        height: 345px;
    }
    #gs ul{
        height: 265px;
    }
    .product{
        margin-top: 30px;
    }
    .prod{
        width: 46%;
    }
    .prod{
        height: 210px;
    }
    .prod div{
        display: none;
    }
    #gsd{
        display: none;
    }
    .ab1{
        text-align: center;
        width: 100%;
        margin: 13px 0;
        margin-left: 0!important;
    }
    .cl{
        margin-top: 5px;
        width: 88%;
    }
    .ab1:nth-child(1){
        border-right: 0;
    }
    .ab1:nth-child(2){
        border-right: 0;
    }
    .ap1{
        font-size: 14px;
    }
    .ddg{
        display: block;
        width: 150px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin: 0 auto;
        border: 1px solid #fff;
        color: #fff;
    }
    .you{
        width: 46%;
        border-right: 0;
        margin-bottom: 40px;
    }
    .you img{
        width: 60%;
    }
    #news li{
        width: 100%;
    margin: 40px 0;
    }
    #new p:nth-child(1) {
        margin-left: 11%;
    }
    .lid1{
        width: 100%;
    }
    .lid2{
        width: 100%;
    }
    .lid3{
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }
    .lid2 a{
        width: 100%;
        margin-left: 0;
    }
    .fo-l{
        width: 78%;
        margin-left: 12%;
    }
    .fo-l span{
        margin-left: 30%;
    }
    .ewm{
        margin-right: 26%;
        margin-top: 14%;
    }
    .beian {
        width: 83%;
    }
    .beian a:nth-child(2) {
        float: left;
        margin-top: 20px;
    }
    .prod p{
        color: #000;
    }
    .gh{
        display: block;
        text-align: center;
    }
    .main{
        margin: 20px 0;
    }
    .mk{
        margin: 30px 0;
    }
    .kll{
        width: 98%;
        background-size: 43px;
    }
    .kll p{
        line-height: 2;
    }
    .prodp3{
        display: none;
    }
    .productitems .item{
        width: 98%;
    }
    .m-l{
        display: none;
    }
    .m-r{
        width: 100%;
    }
    .tabpanel_div{
        width: 43%;
    }
    .goodsss{
        display: none!important;
    }
    .nbanner img {
        width: 140%;
        margin-left: -20%;
    }
    .tjcp_d{
        width: 48%;
    }
    .tjcp_d p{
        text-align: center;
        width: 100%;
    }
    .ndiv{
        width: 98%;
        height: 35px;
        overflow: hidden;
    }
    .ndiv p::before{
        top: 21%;
    }
    .ab_m3 {
        width: 95%;
    }
    .ab_m3 .l {
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }
    .ab_m3 dl dd {
        padding: 0;
    }
    .ab_m3 .r {
        width: 100%;
        margin: 0;
    }
    .ab_m3 dl dd {
        padding: 0;
    }
    .nleftt{
        display: none;
    }
    .nrightt{
        width: 100%;
        margin-left: 0;
    }
    .nrightt img{
        width: 100%!important;
    }
    .nrightt p{
        width: 94%!important;
        font-size: 18px;
    }
    .apa1{
        margin-bottom: 15px;
    }
    .gray{
        margin-top: 10px;
    }
    .cr{
        height: 250px;
        width: 100%;
        margin-bottom: 0;
    }
    .cll p{
        width: 70%;
        height: 22px;
        overflow: hidden;
    }
    .cl-l{
        width: 88%;
    }
    .ul-contact1 li{
        width: 50%;
    }
    .ul-contact{
        margin-top: 10px;
    }
    .ban_info{
        width: 78%;
    }
    .ban_info b{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .ban_info p.ban_ico a{
        font-size: 24px;
    }
    .ser_box3 li img{
        width: 100%;
    }
    .ser_box3 .pd .tit{
        font-size: 20px;
    }
    ._h4_tit{
        font-size: 14px;
    }
    .bottom_bottom{
        display: block;
    }
    .bottom_bottom{
        position: fixed;
        bottom: -2px;
        left: 0;
        width: 100%;
        background: #21b7fe;
        z-index: 999;
    }
    .bottom_bottom nav{
       display: flex;
       justify-content: space-between;
    }
    .bottom_bottom nav a{
        padding: 12px 17px;
        color: #fff;
        text-decoration: none;
    }
    .lxing{
        width: 50%;
    }
    #news li:nth-child(1){
        margin-top: 30px;
    }
    #banner{
        margin-top: 0;
    }
    .nbanner{
        margin-top: 0;
    }
    #left{
        font-size: 28px;
    }
    #right{
        font-size: 28px;
    }
    .beian a:nth-child(1){
        font-size: 15px;
    }
    .mainn{
        margin-top: 0;
    }
    .n-news-1{
        margin-top: 60px;
    }
    .n-news-2{
        margin-top: 30px;
        padding: 60px 0;
    }
    .xl{
        margin-top:0;
    }
}
@media (max-width:480px){ 
  .ewm, .fo-l {
    float:none;
    width: 100%;
  }
  .ewm {
    text-align: center;
  }
}